<template>
  <div class="scroll" ref="wrapper">
    <div class="scroll-inner">
      <slot></slot>
    </div>
  </div>
</template>

<script>
import { ref } from 'vue'
import useScroll from '@/components/Base/Scroll/useScroll'
export default {
  name: 'Scroll',

  emits: ['scroll'],

  props: {
    probeType: {
      type: Number,
      default: 0
    }
  },

  setup(props, { emit }) {
    const wrapper = ref(null)
    const { scroll } = useScroll(wrapper, props, emit)
    return {
      wrapper,
      scroll
    }
  }
}
</script>

<style lang="scss" scoped>
.scroll {
  height: 100%;
  overflow: hidden;
}
</style>
